<template>
	<view class="search">
	  <view class="head">
	   	  <view class="head1">
	   	  	<view class="tx">
	   	  		店铺所属城市
	   	  	</view>
			<view class="qu"  v-if="queryAllStore">
				{{queryAllStore[0].city}}
			</view>
			<view class="img">
				{{queryAllStore[0].area}}
			</view>
			<!-- <img src="./1.png" alt="" class="img"> -->
	   	  </view>
		  
		  <!-- 店铺地址 -->
		  <view class="address">
		  	<view class="address1">
		  		店铺地址
		  	</view>
		  	<view class="address2">
		  		{{queryAllStore[0].storeAddress}}
		  	</view>
		  </view>	 
	   </view>
	   
	   <view class="head2">
	    	  <view class="head1">
	    	  	<view class="nickname">
	    	  		<view class="name">
						<view class="nc">
							店铺负责人
						</view>
						<view class="nc1">
							{{queryAllStore[0].storeBoss}}
						</view>
	    	  			
	    	  		</view>
	    	  	</view>
	   			<!-- <img src="./1.png" alt="" class="img"> -->
	    	  </view>
	   		  
	   		  <!-- 店铺负责人手机号 -->
	   		  <view class="number">
	   		  	<view class="number1">
	   		  		店铺负责人手机号
	   		  	</view>
	   		  	<view class="number2">
	   		  		{{queryAllStore[0].storeBossMobile}}
	   		  	</view>
	   		  </view>
	    </view>
		
		<view class="head5">
		 	  <view class="head1">
		 	  	<view class="time">
		 	  		<view class="time1">
								<view class="tm">
									创建时间
								</view>
								<view class="tm1">
									{{queryAllStore[0].crtDt}}
								</view>
		 	  			
		 	  		</view>
		 	  	</view>
					<!-- <img src="./1.png" alt="" class="img"> -->
		 	  </view>
				  
				  <!-- 店铺类型 -->
				  <view class="number">
				  	<view class="number1">
				  		 店铺综合评分
				  	</view>
				  	<view class="number2">
				  		{{queryAllStore[0].comprehensiveScore?queryAllStore[0].comprehensiveScore:0}}级
				  	</view>
				  </view>
		 </view>
		
		
		<view class="head3">
		 	  <view class="head1">
		 	  	<view class="shopnames">
		 	  		<view class="shopnames1">
								<view class="sm">
									店铺名称
								</view>
								<view class="sm1">
									{{queryAllStore[0].storeName}}
								</view>
		 	  			
		 	  		</view>
		 	  	</view>
					<!-- <img src="./1.png" alt="" class="img"> -->
		 	  </view>
				  
				  <!-- 店铺类型 -->
				  <view class="number">
				  	<view class="number1">
				  		 店铺类型
				  	</view>
				  	<view class="number2">
				  		{{queryAllStore[0].storeType?'水站':'自营商家'}}
				  	</view>
				  </view>
		 </view>
		 
		 <view class="head4">
		  	  <view class="head1">
		  	  	<view class="Numberoffans">
		  	  		<view class="Numberoffans1">
		 						<view class="mf">
		 							店铺粉丝数
		 						</view>
		 						<view class="mf1">
		 							{{queryAllStore[0].storeFansCount?queryAllStore[0].storeFansCount:0}}
		 						</view>
		  	  			
		  	  		</view>
		  	  	</view>
		 			<!-- <img src="./1.png" alt="" class="img"> -->
		  	  </view>
		 		  
		 		  <!-- 店铺类型 -->
		 		  <view class="number">
		 		  	<view class="number1">
		 		  		 店铺级别
		 		  	</view>
		 		  	<view class="number2">
		 		  		{{queryAllStore[0].storeLevel?queryAllStore[0].storeLevel:1}}级
		 		  	</view>
		 		  </view>
		  </view>
		  
		  
		  <view class="head6">
		   	  <view class="head1">
		   	  	<view class="picture">
		   	  		<view class="picture1">
		  						<view class="pt">
		  							店铺主证
		  						</view>
		  						<view class="pt1">
		  							<img :src=queryAllStore[0].storeBussinessLicenses1 alt="" class="imgs">
		  						</view>
		   	  			
		   	  		</view>
		   	  	</view>
		  			<!-- <img src="./1.png" alt="" class="img"> -->
		   	  </view>
		  		  
		  		  <!-- 店铺类型 -->
		  		  <view class="number num">
		  		  	<view class="number1">
		  		  		 店铺副本
		  		  	</view>
		  		  	<view class="number2">
		  		  		<img :src=queryAllStore[0].storeBussinessLicenses2 alt="" class="imgs">
		  		  	</view>
		  		  </view>
				  
				 
		   </view>
		   
		   <view class="head7">
		    	  <view class="head1">
		    	  	<view class="bh">
		    	  		<view class="bh1">
		   						<view class="bh2">
		   							 营业执照编号
		   						</view>
		   						<view class="bh3">
		   							{{queryAllStore[0].storeBussinessLicensesNo}}
		   						</view>
		    	  			
		    	  		</view>
		    	  	</view>
		   			<!-- <img src="./1.png" alt="" class="img"> -->
		    	  </view>
		   		  
		   		
		    </view>
			
		</view>
		
		
		<!-- <TabBar currentPage="service"></TabBar> -->
	</view>
</template>

<script>
	import { queryStoresByPrarm } from '@/api/new.js'
	import { mapState } from 'vuex';
	
	import { log } from 'util'
		export default {
			name: 'Input',
			data () {
				return {
					queryAllStore:[],
					
				}
			},
			methods: {
				
				
			},
			components: {
				
			},
			mounted () {
				
				if(this.loginStatus==true){
					
					let data =  {
						storeId: this.userInfo.storeId
					}
					queryStoresByPrarm(data).then(res => {
						this.queryAllStore = res.data
					})
					// this.queryAllOrder = []
					// this.navIndex = index;
					// var data = {
					// 	storeId: this.userInfo.storeId,
					// 	status:status
					// }
					// queryOrdersByPrarmSt(data).then(res => {
					// 	this.queryAllOrder = res.data.data
					// })
				}else{
					uni.navigateTo({
					    url: '/pages/login/index'
					});
				}
				
			},
		computed: {
			...mapState({
				loginStatus: state => state.user.loginStatus,
				userInfo: state => state.user.userInfo
			})
		}
			// methods: {}
		}
</script>

<style scoped>
  .head{
	  background: #F4F8FE;
	  width: 90%;
	  margin-left: 5%;
	  height: 150px;
  }
  .head2{
  	  background: #F4F8FE;
  	  width: 90%;
  	  margin-left: 5%;
  	  height: 150px;
	  margin-top: 25px;
  }
  .head3{
  	  background: #F4F8FE;
  	  width: 90%;
  	  margin-left: 5%;
  	  height: 150px;
  	  margin-top: 25px;
  }
  .head4{
  	  background: #F4F8FE;
  	  width: 90%;
  	  margin-left: 5%;
  	  height: 150px;
  	  margin-top: 25px;
  }
  .head5{
  	  background: #F4F8FE;
  	  width: 90%;
  	  margin-left: 5%;
  	  height: 150px;
  	  margin-top: 25px;
  }
  .head6{
  	  background: #F4F8FE;
  	  width: 90%;
  	  margin-left: 5%;
  	  height: 150px;
  	  margin-top: 25px;
  }
  .head7{
  	  background: #F4F8FE;
  	  width: 90%;
  	  margin-left: 5%;
  	  height: 80px;
  	  margin-top: 25px;
  }
  .head1{
	  border-bottom: 1px solid black;
	  height: 75px;
	  
  }
  .head1 .tx{
	  font-weight: bold;
	  padding-top: 30px;
	  padding-left: 20px;
  }
  .qu{
	  float: right;
	  /* font-size: 55px; */
	  color: #000;
	  margin-right: 100px;
	  margin-top: -20px;
	  border-radius: 50%;
  }
  .head1 .img{
  	
	  float: right;
	  margin-right: -120px;
	  margin-top: -20px;
	  border-radius: 50%;
  }
  .nickname{
	  background: #F4F8FE;
	  width: 100%;
	  margin-left: 0%;
	  height: 150px;
	  margin-top: 25px;
	  
  }
  .name{
	 border-bottom: 1px solid black;
	 height: 75px; 
  }
  .nc{
	  font-weight: bold;
	  padding-top: 30px;
	  padding-left: 20px;
  }
  .nc1{
	  float: right;
	  margin-right: 43px;
	  margin-top: -20px;
	  border-radius: 50%;
  }
  .address{
	  background: #F4F8FE;
	  margin-top: 10px;
  }
  .address1{
	  font-weight: bold;
	  padding-top: 30px;
	  padding-left: 20px;
  }
  .address2{
	  float: right;
	  margin-right: 22px;
	  margin-top: -20px;
  }
  .number{
  	  background: #F4F8FE;
  	  margin-top: 10px;
  }
  .number1{
  	  font-weight: bold;
  	  padding-top: 30px;
  	  padding-left: 20px;
  }
  .number2{
  	  float: right;
  	  margin-right: 22px;
  	  margin-top: -20px;
  }
  
  .shopnames{
  	  background: #F4F8FE;
  	  width: 100%;
  	  margin-left: 0%;
  	  height: 150px;
  	  margin-top: 25px;
  	  
  }
  .shopnames1{
  	 border-bottom: 1px solid black;
  	 height: 75px; 
  }
  .sm{
  	  font-weight: bold;
  	  padding-top: 30px;
  	  padding-left: 20px;
  }
  .sm1{
  	  float: right;
  	  margin-right: 43px;
  	  margin-top: -20px;
  }
  
  .Numberoffans{
  	  background: #F4F8FE;
  	  width: 100%;
  	  margin-left: 0%;
  	  height: 150px;
  	  margin-top: 25px;
  	  
  }
  .Numberoffans1{
  	 border-bottom: 1px solid black;
  	 height: 75px; 
  }
  .mf{
  	  font-weight: bold;
  	  padding-top: 30px;
  	  padding-left: 20px;
  }
  .mf1{
  	  float: right;
  	  margin-right: 43px;
  	  margin-top: -20px;
  }
  .time{
  	  background: #F4F8FE;
  	  width: 100%;
  	  margin-left: 0%;
  	  height: 150px;
  	  margin-top: 25px;
  	  
  }
  .time1{
  	 border-bottom: 1px solid black;
  	 height: 75px; 
  }
  .tm{
  	  font-weight: bold;
  	  padding-top: 30px;
  	  padding-left: 20px;
  }
  .tm1{
  	  float: right;
  	  /* margin-right: 43px; */
  	  margin-top: -20px;
	   white-space: nowrap; 
	   overflow: hidden;
	   text-overflow: ellipsis;
	   width: 100px;
  }
  .picture{
  	  background: #F4F8FE;
  	  width: 100%;
  	  margin-left: 0%;
  	  height: 150px;
  	  margin-top: 25px;
  	  
  }
  .picture1{
  	 border-bottom: 1px solid black;
  	 height: 75px; 
  }
  .pt{
  	  font-weight: bold;
  	  padding-top: 30px;
  	  padding-left: 20px;
  }
  .pt1{
  	  float: right;
  	  /* margin-right: 43px; */
  	  margin-top: -20px;
/*  	   width: 70px;
	   height: 70px; */
  }
  .pt1 .imgs{
  	  float: right;
  	  margin-right: 18px;
  	  margin-top: -20px;
  	   width: 60px;
  	   height: 60px;
  }
  .number2 .imgs{
	  float: right;
	  /* margin-right: 43px; */
	  margin-top: -20px;
	   width: 60px;
	   height: 60px;
  }
  .num{
	      border-bottom: 1px solid black;
	      height: 75px;
  }
 
 .bh{
 	  background: #F4F8FE;
 	  width: 100%;
 	  margin-left: 0%;
 	  height: 78px;
 	  margin-top: 25px;
 	  
 }
 .bh1{
 	 border-bottom: 1px solid black;
 	 height: 75px; 
 }
 .bh2{
 	  font-weight: bold;
 	  padding-top: 30px;
 	  padding-left: 20px;
 }
 .bh3{
 	  float: right;
 	  /* margin-right: 43px; */
 	  margin-top: -20px;
 	   white-space: nowrap; 
 	   overflow: hidden;
 	   text-overflow: ellipsis;
 	   width: 100px;
 }
</style>